<template>
  <div class="store-content hander-car">
    <div class="cart-box">
      <div class="title">
        <h2>购物清单</h2>
      </div>
      <div class="cart-inner">
        <!--没有购物提醒-->
        <div class="empty-label hide">
          <h3>您的购物车中还没有商品</h3>
          <a class="link" href="javascript:;">现在选购</a>
        </div>
        <!--没有购物车-->
        <div>
          <div class="cart-table-title">
            <span class="name">商品信息</span>
            <span class="operation">操作</span>
            <span class="subtotal">小计</span>
            <span class="num">数量</span>
            <span class="price">单价</span>
          </div>
          <div class="cart-table">
            <div class="cart-group">
              <!--购物列表-->
              <div class="cart-top-items">
                <div class="cart-items">
                  <div class="items-choose">
                    <span class="blue-checkbox-new checkbox-on"><a></a></span>
                  </div>
                  <div class="items-thumb">
                    <img src="../../assets/img/goods/s1.jpg">
                    <a href="javascript:;" target="_blank"></a>
                  </div>
                  <div class="name hide-row" >
                    <div class="name-table">
                      <a href="javascript:;" target="_blank">
                        坚果 Pro 钢化玻璃手感膜 无孔 （后壳用）
                      </a>
                      <ul class="attribute">
                        <li>透明</li>
                        <li>透明</li>
                      </ul>
                    </div>
                  </div>
                  <div class="operation">
                    <a class="items-delete-btn" ></a>
                  </div>
                  <div class="subtotal">¥ 49.00</div>
                  <div class="item-cols-num">
                    <div class="select js-select-quantity">
                      <span class="down down-disabled">-</span>
                      <span class="num">1</span>
                      <span class="up up-disabled">+</span>
                      
                    </div>
                  </div>
                  <div class="price">¥ 49.00</div>
                </div>
                <div class="cart-items">
                  <div class="items-choose">
                    <span class="blue-checkbox-new checkbox-on"><a></a></span>
                  </div>
                  <div class="items-thumb">
                    <img src="../../assets/img/goods/s1.jpg">
                    <a href="javascript:;" target="_blank"></a>
                  </div>
                  <div class="name hide-row" >
                    <div class="name-table">
                      <a href="javascript:;" target="_blank">
                        坚果 Pro 钢化玻璃手感膜 无孔 （后壳用）
                      </a>
                      <ul class="attribute">
                        <li>透明</li>
                        <li>透明</li>
                      </ul>
                    </div>
                  </div>
                  <div class="operation">
                    <a class="items-delete-btn" ></a>
                  </div>
                  <div class="subtotal">¥ 49.00</div>
                  <div class="item-cols-num">
                    <div class="select js-select-quantity">
                      <span class="down down-disabled">-</span>
                      <span class="num">1</span>
                      <span class="up up-disabled">+</span>
                      
                    </div>
                  </div>
                  <div class="price">¥ 49.00</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="cart-bottom-bg fix-bottom fix-bottom-fixed">
        <div class="cart-bar-operation">
          <div>
            <div class="choose-all js-choose-all">
              <span class="blue-checkbox-new checkbox-on"><a></a></span>
              全选
            </div>
            <div class="delete-choose-goods">删除选中的商品</div>
          </div>
        </div>
        <div class="shipping">
          <div class="shipping-box">
            <div class="shipping-total shipping-num">
              <h4 class="">
                已选择 <i>0</i> 件商品
              </h4>
              <h5>
                共计 <i >3</i> 件商品
              </h5>
            </div>
            <div class="shipping-total shipping-price">
              <h4 class="">
                应付总额：<span>￥</span><i>0</i> 
              </h4>
              <h5 class="shipping-tips">
                应付总额不含运费
              </h5>
              
            </div>
          </div>
          <span class="jianguo-blue-main-btn big-main-btn js-checkout disabled-btn">
            <a href="javascript:;">现在结算</a>
          </span>
        </div>
      </div>
    </div>
  </div>
</template>
<script src="./shopCarJs.js"></script>
<style src="./shopCarStyle.css"></style>

